<!DOCTYPE html>
<html>
	<head>
		<!--
			创建人：睢小玉
			修改时间：2019-8-3
		-->
		<meta charset="UTF-8">
		<title>档案管理</title>
		<link rel="stylesheet" href="css/dagl.css" />
		
		<!-- 去掉表格加载数据字样 -->
		<link href="command/bower_components/bootstrap-table/dist/bootstrap-table.min.css"  type="text/css" rel="stylesheet"></script>
		<link href="command/Bootstrap/bootstrap-3.3.0/css/bootstrap-theme.css" type="text/css" rel="stylesheet" />
		<link href="command/Bootstrap/bootstrap-3.3.0/css/bootstrap-theme.min.css" type="text/css" rel="stylesheet" />
		<link href="command/Bootstrap/bootstrap-3.3.0/css/bootstrap.css" type="text/css" rel="stylesheet" />
		<link href="command/Bootstrap/bootstrap-3.3.0/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
		<script src="command/jquery-3.4.0.min.js"></script>
		<script src="command/Bootstrap/bootstrap-3.3.0/js/bootstrap.min.js"></script>
		<script src="command/bower_components/bootstrap-treeview/dist/bootstrap-treeview.min.js"></script>
		<script src="command/bower_components/moment/min/moment.min.js"></script>
		<script src="command/bower_components/moment/min/locales.min.js"></script>
		<script src="command/bower_components/bootbox/bootbox.min.js"></script>
		<script src="command/bower_components/bootstrap-select/js/bootstrap-select.js"></script>
		<script src="command/bower_components/bootstrap-switch/dist/js/bootstrap-switch.min.js"></script>
		<script src="command/bower_components/bootstrap-table/dist/bootstrap-table.min.js"></script>
		<script src="command/bower_components/bootstrap-table/dist/locale/bootstrap-table-zh-CN.js"></script>
		<script src="command/bower_components/moment/min/moment-with-locales.min.js"></script>
		<!-- 时间控件引入文件 -->
		<link rel="stylesheet" href="command/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" type="text/css" />
		<link rel="stylesheet" href="command/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.css" type="text/css" />
		<script type="text/javascript" src="command/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="command/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.min.js"></script>
		<script type="text/javascript" src="command/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
	
		<script type="application/javascript" src="js/dagl.js">
			function daochu(){
				var success=confirm("是否确认导出");
				if(success){
					alert("导出成功");
				}
			}
		</script>	
	</head>
	<body>
		<div style="font-family: '微软雅黑';font-size: 25px;padding-left:20px ;padding-top: 20px;font-weight:bold ;">档案管理</div>
		<!-- 查询区域 -->
		<br />
			<div class="col-md-12 form-inline">
				<!-- 查询 -->
				<form>
				<div class="form-group" >
					<label class="control-label" for="txtcx">查询:</label>
					<input type="text" name="cx" id="txtcx" maxlength="10" class="form-control"required="required"/>
					<!--查询-->
					<button class="btn1"id="btnchaxun"type="button">★&nbsp;查&nbsp;询</button>
				</div>
				</form>
				<!---->
			</div><br /><br /><br /><br />
			<!--按钮组-->
		<div>
				
				<!--导出-->
				<button class="btn1" onclick="daochu()">Δ&nbsp;导&nbsp;出</button>
				<!--下载-->
				<a href='http://127.0.0.1:8020/Power%20PlantII/dagl.html' download='file.html'>
					<button  class='btn1' class="btn btn-success active">◇&nbsp;下&nbsp;载</button>
				</a>
				<!--补充-->
				<button class="btn1" id="btnbuchong">◆&nbsp;补&nbsp;充</button>
					
		</div>
		<br /><br />
		<div class="row col-md-10" style="margin-left: 20px;">	
				<table id="tblUser"></table>	
		</div>
		
		
		
		
		<!--补充的模态框 -->
		<!--fade类表示模态框的淡入淡出。modal类表示把这个div识别为模态框-->
		<div class="modal fade " id="divData1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content motai" style="background-color: #AFD9EE;">
					<!-- 模态框标题 -->
					<div class="modal-header">
						<!-- 关闭模态框窗口的触发点 -->
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">关闭</button>
						<!-- 模态窗口里的标题 -->
						<h4 class="modal-title">补充</h4>
					</div>
					<!-- 模态框的身体 -->
					<div class="modal-body">
							<!-- 数据输入表单 -->
							<form>
							<div class="form-group" style="font-family: '微软雅黑'; font-size: 18px;">补充文件</div>
						<div class="row" style="margin-bottom: 5px;">	
							<!--<div class="col-md-4">
								<label class="control-label" for="tcbcry">提出补充人员</label>
								<input type="text" name="tcbcry" id="datcbcry" maxlength="20" class="form-control"/>
							</div>-->
							<div class="col-md-6">
								<label class="control-label" for="replenishaccessory">补充附件：</label>
								<input type="file" name="replenishaccessory" id="replenishaccessory" maxlength="20" class="form-control" />
							</div>
							<div class="col-md-6">
								<label class="control-label" for="replenishreason">补充理由</label>
								<input type="text" name="replenishreason" id="replenishreason" maxlength="20" class="form-control"required="required"/>
							</div>
						</div>
						<div class="row" style="margin-bottom: 5px;">
							<div class="input-group date form_date" style="margin-top: 20px;margin-left: 15px;">
									<input id="replenishtime" class="form-control" value="" name="replenishtime" placeholder="补充时间" type="text"required="required"/>
									<span class="input-group-addon" style="width: 25%;"><span class="glyphicon glyphicon-calendar"></span></span>
							</div>
							<div class="input-group date form_date" style="margin-top: 20px;margin-left: 15px;">
									<input id="agreetime" class="form-control" value="" name="agreetime" placeholder="认可时间" type="text"required="required"/>
									<span class="input-group-addon" style="width: 25%;"><span class="glyphicon glyphicon-calendar"></span></span>
							</div>
							<div class="input-group date form_date" style="margin-top: 20px;margin-left: 15px;">
									<input id="lastendtime" class="form-control" value="" name="lastendtime" placeholder="最终竣工时间" type="text"required="required"/>
									<span class="input-group-addon" style="width: 25%;"><span class="glyphicon glyphicon-calendar"></span></span>
							</div>
						</div>
						<div class="row" style="margin-bottom: 5px;">
							<div class="col-md-6">
								<label class="control-label" for="changemoney">总金额变更</label>
								<input type="text" name="changemoney" id="changemoney" maxlength="20" class="form-control" required="required"/>
							</div>
							<div class="col-md-6">
								<label class="control-label" for="agreedoc">提供双方签字内容电子版</label>
								<input type="file" name="agreedoc" id="agreedoc" maxlength="20" class="form-control" />
							</div>
						</div>
						<div class="row" style="margin-bottom: 5px;">
							<div class="col-md-6">
								<label class="control-label" for="isagree">双方是否认可：</label>
								<select class="control-label" name="isagree" id="isagree" >
									<option></option>
									<option>是</option>
									<option>否</option>
								</select>
							</div>
						</div>
							
							
							
							
							
							<div class="form-group" style="font-family: '微软雅黑'; font-size: 18px;">工程实施</div>
						<div class="row" style="margin-bottom: 5px;">
							<div class="col-md-6">
								<label class="control-label" for="changereason">变更原因</label>
								<input type="text" name="changereason" id="changereason" maxlength="20" class="form-control"required="required"/>
							</div>
							<div class="col-md-6">
								<label class="control-label" for="safepollingdoc">安全巡检报告附件：</label>
								<input type="file" name="safepollingdoc" id="safepollingdoc" maxlength="20" class="form-control" />
							</div>	
						</div>
						<div class="row" style="margin-bottom: 5px;">
							<div class="input-group date form_date" style="margin-top: 20px;margin-left: 15px;">
									<input id="changeendtime" class="form-control" value=""name="changeendtime" readonly placeholder="变更后竣工时间" type="text"required="required"/>
									<span class="input-group-addon" style="width: 25%;"><span class="glyphicon glyphicon-calendar"></span></span>
							</div>
							<div class="col-md-6">
								<label class="control-label" for="ischange">是否有变更：</label>
								<select class="control-label" name="ischange" id="ischange" >
									<option><ischange>
									<option>是</option>
									<option>否</option>
								</select>
							</div>
						</div>
							
							
							
							
							<div class="form-group" style="font-family: '微软雅黑'; font-size: 18px;">工程验收</div>
						<div class="row" style="margin-bottom: 5px;">	
							
							<div class="col-md-6">
								<label class="control-label" for="checker">验收人</label>
								<input type="text" name="checker" id="checker" maxlength="20" class="form-control"required="required"/>
							<checker>
							<div  class="col-md-6">
								<label class="control-label" for="checkmaterials">验收材料：</label>
								<input type="file" name="checkmaterials" id="checkmaterials" maxlength="20" class="form-control" />
							</div>
							
						</div>
						<div class="row" style="margin-bottom: 5px;">
							<div class="input-group date form_date" style="margin-top: 20px;margin-left: 15px;">
									<input id="checktime" class="form-control" value=""name="checktime" readonly placeholder="验收时间" type="text"required="required"/>
									<span class="input-group-addon" style="width: 25%;"><span class="glyphicon glyphicon-calendar"></span></span>
							</div>
						</div>
					</div>
					<!-- 模态框底部 -->
						<div class="row">
					<div class="col-md-12">
						<button type="button" class="btn btn-primary" id="btnbaocun1" name="baocun1"style="margin-left: 500px;margin-bottom: 20px;">保存</button>
					</div></form>
					</div>
				</div>
			</div>
		</div>
		<!-- 时间控件脚本 -->
		<script type="application/javascript">
			//时间控件初始化之后设计
			$(".form_date").datetimepicker({
				language: 'zh-CN', //中英文
				weekStart: 1, //一周从哪一天开始
				todayBtn: 1, //当天日期按钮
				autoclose: 1, //选完时间后是否自动关闭
				todayHighlight: 1, //当天日期高亮
				starView: 2, //选完时间首先显示的视图
				minView: 2, //最精确的时间
				fourceParse: 0, //制解析
				format: "yyyy-mm-dd", //显示格式
				pickerPosition: "bottom-left" //选择框的位置
			});
		</script>
	</body>
</html>
